.outer {
    display: flex;
    height: 100%;
}

.drop-col {
    padding-left: 10px;
    box-sizing: border-box;
    flex: 1 1 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 0px;
}

.drop-target {
    border: 1px solid #888;
    padding: 10px;
}

.json-display {
    padding-top: 10px;
    box-sizing: border-box;
    flex: 1 1 auto;
    border: 1px solid #888;
    background-color: #99999944;
    overflow: auto;
}

.json-row {
    border: 1px solid grey;
    margin: 4px;
    white-space: nowrap;
    display: inline-block;
}

.grid-col {
    flex: 1 1 auto;
    height: 100%;
}

.red-row {
    background-color: #CC222244;
}

.green-row {
    background-color: #33CC3344;
}

.blue-row {
    background-color: #2244CC44;
}

#myGrid {
    width: 100%;
    height: 100%;
}